<?php
/**
 * Created by SonHA
 * User: SonHA
 * Date: 02/05/13
 * Time: 2:29 PM
 */
/* @var $model Product */
?>
<form name="cart_quantity"
      action="http://livedemo00.template-help.com/osc_41326/product_info.php/ariat-dixie-boot-p-1?action=add_product"
      method="post">
<div class="contentContainer first">
    <div class="contentPadd prods_info_page">
        <div class="prods_info decks big">
            <div class="forecastle">
                <ol class="masthead">
                    <li class="port_side left_side_pic-1">
                        <div id="piGal" class="hover" style="visibility: visible;">
                            <div id="loading" style="text-align: center; width: 220px; display: none;">
                                <img src="<?php echo Yii::app()->request->baseUrl; ?>/css/images/spinner.gif">
                            </div>
                            <div class="outer">
                                <ul class="relative" style="display: block; height: 264px; width: 220px;">
                                    <li class="wrapper_pic_div first" style="position: absolute;">
                                        <a href="<?php echo Yii::app()->request->baseUrl . $model->avatar ?>"
                                           target="_blank" rel="fancybox"
                                           title="<?php echo Yii::app()->request->baseUrl . $model->name ?>"
                                           class="prods_pic_bg" style="width:220px;height:220px;"><img
                                                src="<?php echo Yii::app()->request->baseUrl . $model->avatar ?>"
                                                alt="<?php echo Yii::app()->request->baseUrl . $model->name ?>"
                                                title="<?php echo Yii::app()->request->baseUrl . $model->name ?>"
                                                width="220" height="220"
                                                style="width:220px;height:220px;margin:0px 0px 0px 0px;">
                                        </a></li>
                                </ul>
                                <ul class="thumbs" style="width: 227px;">
                                    <li style="float: left; cursor: pointer; height: 65px;" class="on"><img
                                            src="http://livedemo00.template-help.com/osc_41326/images/products/ariat_dixie_boot_1.png"
                                            style="width: 65px; height: 65px;"></li>
                                    <li style="float: left; cursor: pointer; height: 65px; opacity: 0.7;"><img
                                            src="http://livedemo00.template-help.com/osc_41326/images/products/ariat_dixie_boot_2.png"
                                            style="width: 65px; height: 65px;"></li>
                                    <li style="float: left; cursor: pointer; height: 65px; opacity: 0.7;"><img
                                            src="http://livedemo00.template-help.com/osc_41326/images/products/ariat_dixie_boot_3.png"
                                            style="width: 65px; height: 65px;"></li>
                                </ul>
                                <div style="clear:both"></div>
                            </div>
                        </div>
                        <script type="text/javascript">
                            $(function () {
                                var myWidth = 65;
                                var myHeight = myWidth * 1;
                                $('#piGal ul').bxGallery({
                                    maxwidth: '220',
                                    maxheight: '220',
                                    thumbwidth: myWidth,
                                    thumbheight: myHeight,
                                    thumbcontainer: 227,
                                    load_image: 'ext/jquery/bxGallery/spinner.gif'
                                })
                            });
                        </script>
                        <script type="text/javascript">
                            $("#piGal a[rel^='fancybox']").fancybox({
                                cyclic: true
                            });
                        </script>
                    </li>
                    <li class="starboard_side right_side_pic-1">
                        <div class="prod_info_next">
                            <div class="fl_left"><strong class="button_content button_content22"><strong
                                        class="button bg_button"><strong class="button-t"><span class=""><a id="tdb1"
                                                                                                            href="http://livedemo00.template-help.com/osc_41326/product_info.php/clarks-unstructured-unactual-clog-p-8"
                                                                                                            class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary ui-priority-secondary"
                                                                                                            role="button"><span
                                                        class="ui-button-icon-primary ui-icon ui-icon-arrowthick-1-w"></span><span
                                                        class="ui-button-text">Previous</span></a></span>
                                            <script
                                                type="text/javascript">$("#tdb1").button({icons: {primary: "ui-icon-arrowthick-1-w"}}).addClass("ui-priority-secondary").parent().removeClass("tdbLink");</script>
                                        </strong></strong></strong></div>
                            <div class="fl_right button_next"><strong class="button_content button_content22"><strong
                                        class="button bg_button"><strong class="button-t"><span class=""><a id="tdb2"
                                                                                                            href="http://livedemo00.template-help.com/osc_41326/product_info.php/attizzare-bootie-p-2"
                                                                                                            class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary ui-priority-secondary"
                                                                                                            role="button"><span
                                                        class="ui-button-icon-primary ui-icon ui-icon-arrowthick-1-e"></span><span
                                                        class="ui-button-text">Next</span></a></span>
                                            <script
                                                type="text/javascript">$("#tdb2").button({icons: {primary: "ui-icon-arrowthick-1-e"}}).addClass("ui-priority-secondary").parent().removeClass("tdbLink");</script>
                                        </strong></strong></strong></div>
                            <div class="prod_next">Product&nbsp;<strong><u>1</u></strong> of <strong>8</strong></div>
                        </div>
                        <div class="info">
                            <div class="data data_padd small_title">This product was added to our catalog
                                on <?php echo $model->dateCreated;?>
                            </div>
                            <br>

                            <h2><?php echo $model->name;?><br><span class="smallText">[Model 0001]</span></h2>

                            <h2 class="price"><b>Price:&nbsp;&nbsp;</b>
                                <span class="productSpecialPrice"><?php echo number_format($model->price, 0, "", ".") ?> VNĐ</span>
                                <del>Giá cũ</del>
                            </h2>

                            <div class="options">
                                <p class="options-title">Available Options:</p>
                                <ul class="ofh">
                                    <li class="fl_left first"><label>Color:</label><select name="id[1]">
                                            <option value="2">original</option>
                                            <option value="1">light (+$5.00)</option>
                                            <option value="7">dark (+$10.00)</option>
                                        </select></li>
                                    <li class="fl_left last"><label>Size:</label><select name="id[2]">
                                            <option value="3">standard</option>
                                            <option value="4">small (-$15.00)</option>
                                            <option value="8">large (+$15.00)</option>
                                        </select></li>
                                </ul>
                            </div>
                            <div class="desc desc_padd"><p style="padding-top: 0px;">We are glad to welcome you in our
                                    store. </p>

                                <p>Our products have many different advantages. </p></div>
                            <div class="buttonSet">
                                <span class="buttonAction"><strong class="button_content button_content22"><strong
                                            class="button bg_button"><strong class="button-t"><span class=""><a
                                                        id="tdb3"
                                                        href="http://livedemo00.template-help.com/osc_41326/product_reviews.php/ariat-dixie-boot-pr-1"
                                                        class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary ui-priority-secondary"
                                                        role="button"><span
                                                            class="ui-button-icon-primary ui-icon ui-icon-comment"></span><span
                                                            class="ui-button-text">Reviews (3)</span></a></span>
                                                <script
                                                    type="text/javascript">$("#tdb3").button({icons: {primary: "ui-icon-comment"}}).addClass("ui-priority-secondary").parent().removeClass("tdbLink");</script>
                                            </strong></strong></strong></span>

                                <div class="fl_right" align="right"><strong
                                        class="button_content button_content2"><strong class="button bg_button"><strong
                                                class="button-t"><input type="hidden" name="products_id" value="1"><span
                                                    class=""><button id="tdb4" type="submit"
                                                                     class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary ui-priority-primary"
                                                                     role="button"><span
                                                            class="ui-button-icon-primary ui-icon ui-icon-cart"></span><span
                                                            class="ui-button-text">Add&nbsp;to&nbsp;Cart</span></button></span>
                                                <script
                                                    type="text/javascript">$("#tdb4").button({icons: {primary: "ui-icon-cart"}}).addClass("ui-priority-primary").parent().removeClass("tdbLink");</script>
                                            </strong></strong></strong></div>
                            </div>
                        </div>
                    </li>
                </ol>
            </div>
            <div class="infoBoxWrapper">
                <div class="box_wrapper">
                    <div class="infoBoxHeading prod_page">
                        <div class="title-icon"></div>
                        <div class="box_wrapper_title22">
                            <div class="box_wrapper_title"><h1><span class="title-icon"></span>Tags of product</h1>
                            </div>
                        </div>
                    </div>
                    <div class="infoBoxContents">
                        <a href="http://livedemo00.template-help.com/osc_41326/tag_products.php?id_tag=1">accumsan
                            quando</a>, <a
                            href="http://livedemo00.template-help.com/osc_41326/tag_products.php?id_tag=2">accusata
                            ullamcorper</a>, <a
                            href="http://livedemo00.template-help.com/osc_41326/tag_products.php?id_tag=3">adipisci</a>,
                        <a href="http://livedemo00.template-help.com/osc_41326/tag_products.php?id_tag=19">molestie
                            adolescens</a>, <a
                            href="http://livedemo00.template-help.com/osc_41326/tag_products.php?id_tag=23">pertinacia
                            omnium </a>, <a
                            href="http://livedemo00.template-help.com/osc_41326/tag_products.php?id_tag=14">forensibus
                            an</a>, <a href="http://livedemo00.template-help.com/osc_41326/tag_products.php?id_tag=16">inani
                            hours</a>, <a
                            href="http://livedemo00.template-help.com/osc_41326/tag_products.php?id_tag=17">indoctum</a>,
                        <a href="http://livedemo00.template-help.com/osc_41326/tag_products.php?id_tag=24">quaerendum
                            appliances</a>, <a
                            href="http://livedemo00.template-help.com/osc_41326/tag_products.php?id_tag=26">suas vix</a>,
                        <a href="http://livedemo00.template-help.com/osc_41326/tag_products.php?id_tag=27">teipsum</a>,
                        <a href="http://livedemo00.template-help.com/osc_41326/tag_products.php?id_tag=25">soluta ex</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="box_wrapper_title22">
    <div class="box_wrapper_title"><span class="title-icon"></span>

        <h1 class="cl_both ">Other Products You Might Like</h1>
    </div>
</div>
<?php $this->renderPartial('/site/_products_feature', array('items' => $sugest_products, 'last' => 'last')) ?>

<script type="text/javascript">
    $(document).ready(function () {
        var row_list_slave_name = $('.row_slave_name');
        row_list_slave_name.each(function () {
            new equalHeights_slave_name($('#' + $(this).attr("id")));
        });
        var row_list_slave_block = $('.row_slave_block');
        row_list_slave_block.each(function () {
            new equalHeights_slave_block($('#' + $(this).attr("id")));
        });
    })
</script>
<script type="text/javascript">
    $(document).ready(function () {
        var row_list_also_pur_prods_name = $('.row_also_pur_prods_name');
        row_list_also_pur_prods_name.each(function () {
            new equalHeights_also_pur_prods_name($('#' + $(this).attr("id")));
        });
        var row_list_also_pur_prods_block = $('.row_also_pur_prods_block');
        row_list_also_pur_prods_block.each(function () {
            new equalHeights_also_pur_prods_block($('#' + $(this).attr("id")));
        });
    })
</script>
</form>